<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Push Climbing Club</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-IE.css" media="all" />
<![endif]-->
</head>

<body>
	<div id="top"></div>
    
    <div id="wrapper">
    
    	<div id="header">
        	<div id="logo"><a href="index.html">Push Climbing Club</a></div>
            <div id="language">
            	<a href=""><img alt="language" src="images/flag1.png" /></a>
                <a href=""><img alt="language" src="images/flag2.png" /></a>
                <a href=""><img alt="language" src="images/flag3.png" /></a>
            </div>
            <div id="build_butt">
            	<img alt="toll free" src="images/toll_free.png" />
                <div id="social">
            	<a href="" target="_blank" class="fade"><img src="images/skype.png" /></a>
                <a href="" target="_blank" class="fade"><img src="images/facebook.png" /></a>
                <a href="" target="_blank" class="fade"><img src="images/twitter.png" /></a>
                <a href="" target="_blank" class="fade"><img src="images/utube.png" /></a>
            </div>
            </div>
            
        </div>
        <div class="clear"></div>
        
        <div id="navi">
            <div id="menu">
            	<ul>
                <li id="nav_login"><a href="" style="color:#FFF; text-shadow:#666666 0.1em 0.1em 0.3em;">Login<span>/</span>Register</a></li>
            	<li><span class="point"></span><a href="index.html">Home</a></li>
                <li><a href="competition.html">How to</a></li>
                <li><a href="construction.html">Construction Projects</a></li>
                <li><a href="tourandteam.html">Tours Building</a></li>
                <li><a href="shop.html">Shop</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        
        <div id="content">
       	  <div id="left_panel">
            	<div class="title">+ Register Form</div>
                <div class="body_content">
                	<div class="contact_form">
                        <form>
                        	<label>Membership type</label>
                            <input type="radio" name="membership" value="Commercial" />Commercial 
                            <input type="radio" name="membership" value="Personal" />Personal<br /><br />
                            <label>Full Name</label><br />
                            <input type="text" id="" name="" class="text" title=""/><br />
                            <label>Email</label><br />
                            <input type="text" id="" name="" class="text" title=""/><br />
                            <label>Subject</label><br />
                            <input type="text" id="" name="" class="text" title=""/><br />
                            <input type="image" name="imageField" id="imageField" class="button" src="images/send_butt.gif" />
                            <div style="padding-right: 10px">
                            <select>
                                <optgroup label="ádasdasd">
                                    <option>a</option>
                                    <option>a</option>
                                    <option>a</option>
                                </optgroup>
                                <optgroup>
                                    <option>a</option>
                                    <option>a</option>
                                    <option>a</option>
                                </optgroup>
                            </select>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            
            <div id="sidebar">
            	<div class="title">+ Login Form</div>
                <div class="sidebar_panel">
                	<div class="sidebar_content">
                    	<div class="contact_form">
                            <form>
                                <label>Email</label><br />
                                <input type="text" id="" name="" class="text" title=""/><br />
                                <label>Password</label><br />
                                <input type="password" id="" name="" class="text" title=""/><br />
                                <input type="image" name="imageField" id="imageField" class="login_button" src="images/send_butt.gif" />
                                <div class="clear"></div>
                            </form>
                    	</div>
                    </div>
                </div>
            </div>
            
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    	
        <div id="footer">
        	<div class="four_col">
            	<div class="four_col_one">
                	<div class="footer_title">Climbing Blogs</div>
                    <div class="footer_content">
                    	<p><a href="">Content here</a></p>
                    </div>
                </div>
                <div class="four_col_one">
                	<div class="footer_title">Equipment Reviews</div>
                    <div class="footer_content">
                    	<p><a href="">Content here</a></p>
                    </div>
                </div>
                <div class="four_col_one">
                	<div class="footer_title">Information</div>
                    <div class="footer_content">
                    	<p><a href="">Online Survey</a></p>
                    </div>
                </div>
                <div class="four_col_last">
                	<div class="footer_title">Our Partners</div>
                    <div class="footer_content">
                    	<a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                        <a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                        <a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                        <a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        
    </div>
    <div class="clear"></div>
    
    <div id="bottom">
        <cetner>
            <p>S67-1 Khu Pho, Sky Garden 3 - Phu My Hung - District 7 - Ho Chi Minh City, Vietnam - Phone: (84) 01264722134<br />
            THE CLIMBING CLUB (C) 2011 - Design by <a href="">Squall Le</a></p>
        </center>
    </div>
    
    

</body>
</html>
